<template>
  <Component :is="name" :name="name" :config="config" :render-data="renderData" />
</template>

<script>
import All from './types/all'
import Child from './types/child'
import { query } from '@/components/@mixins/query.js'
import { params } from '@/components/@mixins/params.js'
import { props } from '@/components/@mixins/props.js'
export default {
  name: 'Map',
  components: {
    Child,
    All
  },
  mixins: [props, query, params],
  data() {
    return {
      renderData: []
    }
  },
  mounted() {
    this.getRenderData()
  },
  methods: {
    async getRenderData() {
      const res = await this.getServeData()
      this.renderData = res
    }
  }
}
</script>

<style scoped>
</style>
